html { background-color: black; }
body { padding: 0; margin: 0; position: relative; font-size: 15px; display: -webkit-box; /* background-color: #F1F1F1; */ margin: 0 auto; /* max-width: 1024px; */ line-height: 1.5; }
input[type=text], input[type=password] { font-size: 14px; padding: 3px; padding-left: 11px; border: 1px solid lightgray; /* margin: 8px 0; */ }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'ÃƒÂ¯Ã‚Â¿Ã‚Â½ÃƒÂ¯Ã‚Â¿Ã‚Â½ÃƒÂ¯Ã‚Â¿Ã‚Â½ÃƒÂ¯Ã‚Â¿Ã‚Â½'; }
div[data-role=page] { display: -webkit-box; height: 100%; -webkit-box-orient: vertical; overflow: auto; width: 100%; position: absolute; width: 100%; top: 0; left: 0; /* background-color: #F1F1F1; */ display: flex; flex-direction: column; }
.ui-page { background-color: #eee; display: -webkit-box; -webkit-box-orient: vertical; }
h2 { margin: 0; padding: 0; }
/**::-webkit-scrollbar { display: none; }*/
a { cursor: pointer; }
.bold { font-weight: bold; }
.black { color: black; }


.head { position: relative; border-bottom: 1px solid lightgray; /* background-color: white; */ margin-bottom: 10px; }
.backButton { background-image: url(../img/back.png); background-repeat: no-repeat; background-position: center center; position: absolute; color: black; font-size: 20px; top: 50%; height: 30px; width: 30px; min-width: 40px; text-align: center; margin-top: -25px; padding: 10px; display: none; }
.headText { text-align: center; color: black; padding: 14px; font-size: 18px; }

.withEndNavIcon { position: relative; }
.withEndNavIcon::after { content: ''; position: absolute; width: 14px; height: 20px; top: 50%; margin-top: -10px; background-image: url('../img/cell_forward_arrow.png'); right: 7px; background-size: 100% 100%; }

.button { font-size: 14px; font-weight: bold; padding: 5px 10px; -webkit-border-radius: 5px; text-align: center; display: inline-block; color: blue; border: 1px solid; }

.c-modal-usercontent { margin: 0 auto; padding: 10px; background-color: white; border-radius: 10px; min-width: 600px; max-width: 800px; }
.modalInputPanel { margin-bottom: 10px; display: -webkit-box; -webkit-box-align: center; font-size: 18px; }
.modalInputLabel { display: block; padding-right: 10px; }
.modalInputTextBox { -webkit-box-flex: 1; display: block; line-height: 36px; height: 36px; }


.footer { display: -webkit-box; padding: 10px; -webkit-box-align: center; -webkit-box-pack: center; border-top: 1px solid lightgray; }
.toolItem { padding: 5px 15px; margin-left: 5px; }
.toolItem:last-child { /* margin-right:5px; */ }


.mainPage { width: 100%; display: flex; flex-direction: column; }
.menuItem { font-size: 10px; }
.tabHeads { display: flex; margin-bottom: 0; border: 0; }
.tabHeadItem { flex: 1; padding: 10px; text-align: center; font-size: 20px; cursor: pointer; -webkit-user-select: none; }

.tabHeadItem:active { }
.tabHeadItem.active { background-color: #03A9F4; color: white; }
.tabHeadItem { transition: all ease-in-out 0.3s; }
.PageContainer { position: relative; flex: 1; border: 1px solid #03A9F4; }

.appcontainer { display: flex; flex-wrap: wrap; padding: 5px; }


.appItem { padding: 6px 16px; text-align: center; font-size: 20px; border: 1px solid lightgray; margin: 4px; border-radius: 15px; position: relative; margin-left: 13px; }
.appItem .title { margin-top: 4px; font-size: 14px; }
.appItem .iconDelete { position: absolute; right: -3px; top: -5px; background-image: url(../img/icon/icon_delete.png); background-size: 100% 100%; width: 30px; height: 30px; }
.appItem .appIcon { width: 50px; height: 50px; border-radius: 10px; }

.appItem .iconConfig { position: absolute; left: -3px; top: -3px; background-image: url(../img/icon/icon_config.png); background-size: 100% 100%; width: 20px; hei; height: 20px; border-radius: 50%; }


.infoMessage { height: 300px; overflow: auto; font-size: 18px; padding: 10px; color: red; }


.tipPanel { margin: 10px; padding: 10px; font-size: 14px; border: 1px dotted gray; border-radius: 8px; }
.tipItem { padding: 4px 0; }


.AppUpdater { }
.AppUpdater .content { }
.AppUpdater .upgradeDate { color: gray; }
.AppUpdater .upgradeContent { margin-top: 10px; font-size: 16px; }
.AppUpdater .upgradeProgress { margin-top: 10px; }
.AppUpdater .progressBar { background-color: blue; height: 10px; width: 0; }
.AppUpdater .upgradeButton { margin-left: 10px; color: red; }
.AppUpdater .laterButton { margin-left: 10px; color: black; }
.AppUpdater .toolBar { border-top: 1px solid lightgray; margin-top: 10px; padding-top: 20px; text-align: right; }


.tabcer { padding: 2px; border-bottom: 1px solid lightgray; }
.tabcer.active { background-color: #afc0c7; }
.tabPanels { border: 1px solid #f3f2f2; padding: 6px; margin-bottom: 16px; }
.tabPanel { }

.remarkCell { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }

.BatchIPADsitributeTask { }
.BatchIPADsitributeTask .queryResultTable { max-height: 350px; overflow: scroll; }
.BatchIPADsitributeTask .selectIPA { display: -webkit-box; }
.BatchIPADsitributeTask .appItem { }
.BatchIPADsitributeTask .appItem > img { width: 50px; }

.BatchIPADsitributeTask .appItem.active { border: 1px solid red; }
.BatchIPADsitributeTask .appItem .iconCheck { display: none; }
.BatchIPADsitributeTask .appItem.active .iconCheck { display: block; background-image: url(../img/icon/icon_check.png); position: absolute; right: -5px; top: -4px; width: 16px; height: 16px; background-size: 100% 100%; z-index: 32; }

.BatchIPADsitributeTask .toolBar { padding: 10px; }

.selecteItem { padding: 5px 10px; border-radius: 5px; display: inline-block; line-height: 20px; background-color: rgba(255, 0, 0, 0.7); color: white; margin-bottom: 10px; }


.mainPage { padding: 10px; }
.mainPage .content { }
.mainPage .form-horizontal { }
.mainPage .tipPanel { }
.mainPage .tipItem { }
.mainPage .contentPanel { margin-left: 10px; }
.mainPage .chooseFile { }
.mainPage .btn { }
.mainPage .btn-primary { }
.mainPage #pnlContent { }
.mainPage #lblSelectedFile { color: red; margin-left: 10px; }
.mainPage #btnChooseFile { margin-left: 10px; }
.mainPage #btnSubmit { }
.mainPage #lblExecuteCommand {margin-top: 10px;border-top: 1px dashed gray;padding-top: 10px;word-break: break-all;}
.mainPage #lblExecuteError {color: red;}
